<!DOCTYPE html>
<html>
<head>
    <meta charset="utf - 8">
    <meta name = "viewport" content= "initial-scale = 1.0,maximum-scale=1.0,user-scalable=no"/>
    <title></title>
<style>
    #mydiv{
        background-color: red;
        width: 150px;
        height:150px;
    }
</style>
</head>
<body>
    <script src="C:/Users/24098/Desktop/978-7-302-48199-7《HTML5 App应用开发教程》教辅/配套资源包/chapter06/scripts/jquery-3.1.1.min.js">

    </script>
    <div id ="mydiv"></div>
    <script>

        $(function(){
            $("#mydiv").bind({
                "click":function(){
                    console.log("div被点击了");
                }
            });
            $("#mydiv").trigger("click");
            $("#mydiv").hover(function(){
                console.log("鼠标进入了div");
            },
            function(){
                console.log("鼠标离开了div");
            });
        });
    </script>
</body> 
</html>